<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form id="form">
  <p:messages id="messages" showDetail="true" />
  
  	<p:panel>
  		<h:panelGrid columns = "2">
  			<h:outputText value="Apellido y Nombre: " class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaMesVencido.sucursal.apellido}, #{sujetoEmpresaMesVencido.sucursal.nombre}"/>  			
  			
  			<h:outputText value="Direccion:" class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaMesVencido.sucursal.domicilioCompleto}"/>
  			
  			<h:outputText value="Tipo de Cliente:" class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaMesVencido.sujeto.tipoCliente.nombre}"/>
  		</h:panelGrid>
  	</p:panel>
  	
  	<br/>
  	<h:outputText value ="Comercializacion de Productos"></h:outputText>
  	<p:separator/>
  	<p:panel id="pnComercializacion">
  		<h:panelGrid columns = "5">
			<h:outputText value="Producto a Comercializar: *" class = "negrita"/>
			<p:selectOneMenu value="#{sujetoEmpresaMesVencido.comercializacionMesVencido.descuentoProducto.desProdTipoCliId}" effect="fade">  
	            <f:selectItem itemLabel="Seleccione un Producto..." itemValue="" />  
	            <f:selectItems id = "lstProductosDisponibles" value="#{sujetoEmpresaMesVencido.productosDisponibles}" var="productoDisponibles" 
					itemLabel="#{productoDisponibles.producto.nombre} ($ #{productoDisponibles.producto.precio})" 
					itemValue="#{productoDisponibles.desProdTipoCliId}"></f:selectItems>
	        </p:selectOneMenu>
	        <h:outputText value="Cantidad Minima: *" class = "negrita"/>
	        <p:spinner id="spnCantMin" value="#{sujetoEmpresaMesVencido.comercializacionMesVencido.cantidadMinima}" min="1" />
			
			<p:commandButton id="btnAsignar" value = "Asignar" title="Asignar Comercializacion"
				actionListener = "#{sujetoEmpresaMesVencido.btnAsignarComercializacion(sujetoEmpresaMesVencido.comercializacionMesVencido)}"
				update = "tblMesVencido,pnComercializacion" />
		</h:panelGrid>
  	</p:panel>
  	
  	<br/>
  	<p:dataTable id="tblMesVencido" emptyMessage="No hay productos comercializados a mes vencido"
  		value="#{sujetoEmpresaMesVencido.productosComercializados}" var ="comercializacion">
		<f:facet name ="header">
			<h:outputText value="Productos comercializado a mes vencido"/>
		</f:facet>
		
  		<p:column headerText="CODIGO">  
	     	<h:outputText value="#{comercializacion.descuentoProducto.producto.productoId}" />         
	    </p:column>
	    
  		<p:column headerText="PRODUCTO">  
	     	<h:outputText value="#{comercializacion.descuentoProducto.producto.nombre}" />         
	    </p:column>
	    
	    <p:column headerText="CANTIDAD">  
	    	<h:outputText value="#{comercializacion.cantidadMinima}" />  
	    </p:column>
	    
	    <p:column headerText="PRECIO">  
	     	<h:outputText value="$ #{comercializacion.descuentoProducto.producto.precio}" />        
	    </p:column>  
		
		<p:column>
			<f:facet name="header">Quitar</f:facet>
			<p:commandLink title="Eliminar Producto" 
				actionListener ="#{sujetoEmpresaMesVencido.btQuitarProductoComercializado(comercializacion)}"
				update = "tblMesVencido,:form:pnComercializacion">
  					<p:graphicImage value="#{resource['images:cross-16-ns.png']}"/>
  			</p:commandLink>
		</p:column>    
  	</p:dataTable>
  	<p:panel>
  		<p:commandButton value="Terminar" action="#{sujetoEmpresaMesVencido.bntTerminar}" ajax = "false"
			title="Terminar el alta de Sucursal"/>
  	</p:panel>
	
  </h:form>        	        	        	        
  </ui:define>
</ui:composition>
	
</h:body>
</html>